<form [formGroup]="loginForm" (ngSubmit)="onSubmit(loginForm,$event)">
  <mat-card>
    <mat-card-header>
      <mat-card-title>登录</mat-card-title>
      <!-- <mat-card-subtitle>Dog Breed</mat-card-subtitle> -->
    </mat-card-header>
    <mat-card-content>
      <mat-form-field class="full-width">
        <input matInput type="text" placeholder="您的eamil" formControlName='email'>
      </mat-form-field>
      <mat-form-field class="full-width">
        <input matInput type="password" placeholder="您的密码" formControlName='password'>
      </mat-form-field>
      <button mat-raised-button color="primary" [disabled]="!loginForm.valid" type="submit">登录</button>
    </mat-card-content>
    <mat-card-actions class="text-right">
      <p>还没账户 ?
        <a routerLink='/register'>注册</a>
      </p>
      <p>忘记密码 ?
        <a href="">找回</a>
      </p>
    </mat-card-actions>
  </mat-card>

  <mat-card>
    <mat-card-header>
      <mat-card-title>
        每日佳句
      </mat-card-title>
      <mat-card-subtitle>
        {{(quote$ | async).cn}}}
      </mat-card-subtitle>
    </mat-card-header>
    <img mat-card-image [src]="(quote$ | async).pic" alt="">
    <mat-card-content>
      {{(quote$ | async).en}}
    </mat-card-content>
  </mat-card>
</form>
